<template>
	<view class="cell">
		<view class="flex header">
			<image class="icon" src="https://oss.jxhecong.com/v2/image/charge_success@2x.png"></image>
			<view class="status" v-if="data.successFlag == 1">充电成功</view>
			<view class="status" v-else>充电失败</view>
			<view class="time">{{data.createDate}}</view>
		</view>
		<view class="flex" style="margin-top:18rpx;margin-left:32rpx;">
			<text class="item-title">订单编号：</text>
			<text class="item-content">{{data.orderNumber}}</text>
		</view>
		<view class="flex" style="margin-top:8rpx;margin-left:32rpx;">
			<text class="item-title">收费：</text>
			<text class="item-content">{{data.amount}}</text>
		</view>
		<view class="line"></view>
	</view>
</template>

<script>
	export default{
		props:{
			data:{
				type:Object,
				default:{}
			}
		},
		data(){
			return{
				
			}
		}
	}
</script>

<style lang="scss" scoped>
	.cell{
		position: relative;
		padding:32rpx 30rpx;
		background-color:#FFFFFF;
	}
	.icon{
		width:24rpx;
		height:24rpx;
	}
	.flex{
		display:flex;
		justify-content: flex-start;
		align-items: center;
	}
	.header{
		justify-content: space-between;
		.status{
			flex:1;
			color:#303133;
			font-size:28rpx;
			font-weight: bold;
			margin-left:12rpx;
		}
		.time{
			color:#909399;
			font-size:24rpx;
		}
	}
	.item-title{
		color:#909399;
		font-size:24rpx;
		width:132rpx;
		display: inline-block;
	}
	.item-content{
		color:#303133;
		font-size:24rpx;
	}
	.line{
		position: absolute;
		left:66rpx;
		right:30rpx;
		height:1rpx;
		bottom:0rpx;
		z-index:999;
		background-color:#DDDDDD;
	}
</style>
